<template>
    <div style="margin-left:30px">
        <div id="top">
        个人基本信息
        </div>
        <el-form  label-position="left"   label-width="80px" :inline="true"  class="demo-form-inline">
        
            <el-form-item label="用户名">
                <el-input style="width:500px" :value="params.renterList.user.uname"  readonly="readonly" ></el-input>
            </el-form-item>

            <el-form-item label="真实姓名">
                <el-input style="width:500px" :value="params.renterList.user.trueName"  readonly="readonly"></el-input>
            </el-form-item>
    

            <el-form-item label="年龄" >
                <el-input style="width:500px" :value="params.renterList.user.uage"  readonly="readonly" ></el-input>
            </el-form-item>
            <el-form-item label="身份证号">
                <el-input style="width:500px" :value="params.renterList.user.uidcard"  readonly="readonly"></el-input>
            </el-form-item>
    
            <el-form-item label="用户电话">
                <el-input style="width:500px" :value="params.renterList.user.uphone"  readonly="readonly"></el-input>
            </el-form-item>

            <el-form-item label="驾驶证" >
                <el-input style="width:500px" :value="params.renterList.user.udrivingLicence"  readonly="readonly" ></el-input>
            </el-form-item>     
        </el-form>  


        <div id="top">
            车辆信息
        </div >
            <el-table
            :data="params.renterList.carList"
            style="width: 65%"
            stripe>
            <el-table-column
            prop="plateNumber"
            label="车牌号"
            width="380px">
            </el-table-column>
            <el-table-column
            prop="carType"
            label="车型"
            width="380px">
            </el-table-column>
            
        </el-table>

        
    </div>
    
</template>



<script>
export default {
    name:"renterDetail",
    props:['params'], 
    data(){
        return{

        }
    },
    mounted(){
    },
    methods:{
        tableRowClassName({row, rowIndex}) {
            console.log(row);
            if (rowIndex === 1) {
            return 'warning-row';
            } else if (rowIndex === 3) {
            return 'success-row';
            }
            return '';
        }
    }
   
}
</script>


<style scoped>
   .el-table .warning-row {
    background: oldlace;
  }

  .el-table .success-row {
    background: #f0f9eb;
  }

  #top{
      margin-top: 20px;
      margin-bottom:20px;
  }
</style>






